<template>
  <div class="scroll-wrap">
    <a-menu class="menu" v-model:selectedKeys="selectedKeys" theme="dark">
      <menu-item key="1">
        <user-outlined />
        <span>nav 1</span>
      </menu-item>
    </a-menu>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { Menu as AMenu, MenuItem } from "ant-design-vue";
import { UserOutlined } from "@ant-design/icons-vue";
const selectedKeys = ref(["1"]);
</script>

<style lang="scss" scoped>
.scroll-wrap {
  height: calc(100vh - $layout-header-height);
}
</style>